.weibo_app_content{background:#eee;width:756px; height:100px; margin:0 auto; padding:40px 0; }
.weibo_app_content_left{ text-align:left; padding:10px;}
.weibo_app_content_left a{color:#333;}

#container_weibo{width:1030px;min-height: 600px;
margin: 0 auto;
padding: 5px;
margin-bottom: 20px;
border-radius: 5px;
clear: both;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#diary, #containertop	{	width:784px; background-color: #87CEFA; 	}

.borderclass { border:1px solid #fff; }
.item {
-webkit-border-radius: 6px;
    
    border-radius: 6px;
  width: 370px;
  margin: 10px;
  float: left;
  margin-top:10px;
  background-color:#ffffff;
  border:solid 1px #fff;
min-height:50px;
text-align:justify;
word-wrap:break-word; 
}
.refresh_btn{ color:black;float: right;margin-right: 10px;}
.weibo_left{width:200px;float:left; }
.weibo_right{float:right;}
.list_more{width:200px;border-top:1px #555 solid;color:black;}
.friends_list{ width:220px;max-height: 85px; overflow:hidden;}
.friends_list  span{padding:0.5em 0 0.5em 0.5em;}
.friends_list  li{float:left; padding:0.2em; list-style:none;overflow:hidden; width:60px;height:80px; }
.friends_list li p {font-size:12px;  white-space:nowrap; line-height:0;}

.trend_list{display:block; width:285px;text-align:left;}
.trend_list a{color:black;}
.trend_list li{list-style:none; color:black;}
.trend_list li a{color:black; text-decoration:none;}
.trend_list .dismiss{display:none;padding: 0px 0.5em;color: white; font-size: 10px; background-color: black;}
.trends{margin-bottom:1em; border-bottom:1px skyblue solid;}
.trends span{background:#555;color:#fff; padding:0.5em;-webkit-border-radius: 5px;border-radius: 5px;}
.trends span a{color:#87CEFA; text-decoration:none; }
.trends span :hover{text-decoration:underline;}
.trends  li{list-style:none; float:left;}

.submit_trend{padding: 0; clear: both; margin-left: 5px;}
.submit_trend li { display: inline; }
.submit_trend li a { background: #aaa; padding:0 5px; float:left; border-right: 1px solid #ccf; border-bottom: none; text-decoration: none; color: #000; font-weight: bold;}
.submit_trend li.active a { background: #87CEFA; }
.content { float: left; clear: both;  border-top: none; border-left: none;  padding: 10px 20px 20px; width: 350px; }

.friends_trend {background:#555; padding:0px; height:24px;}
.friends_trend span a {float:right; margin-right:10px; color:white;}
.friends_trend li{display: inline;}
.friends_trend li a {background: #aaa; padding:0 5px; float:left; border-right: 1px solid #ccf; border-bottom: none; text-decoration: none; color: #000; font-weight: bold;}
.friends_trend li.active a { background: #87CEFA; }
.content_friendstrend{  clear: both;  border-top: none; border-left: none;  padding: 10px 20px 20px; text-align:left;}

#friend_trend ul{ list-style:none; float:left; width:125px; border: 1px solid white;padding: 12px;  background:white;}
#friend_trend ul li ul {border:none;list-style:circle;padding: 10px 0px 0 10px;}
#friend_trend ul li ul span{font-size:11px; background:black; color:white;padding: 2px 4px 0 2px;vertical-align: text-top; }
#friend_trend ul li ul span:hover{color:black; background:#87CEFA; cursor: pointer;}
#friend_trend .friend_trendbox_btns {display:none; border-top: 2px solid #333;margin-top:2px; padding:0.5em;}
.avatar{ float:left; height:50px;}
.weibo_name{color:#666;font-size:14px; font-weight:bold;}
.weibo_name a{color:#333; text-decoration:none; font-size:14px; font-weight:bold;}
.weibo_name a:hover{text-decoration:underline;}
.weibo_content a{ color:#333; text-decoration:none;}
.weibo_content a:hover{text-decoration:underline;}
.weibo_function { background:#eee;padding: 0 !important;text-align: center; font-size:12px;}
.topbox
{
margin: 10px;
margin-top: 10px;
background-color: white;
border: solid 1px #B4BBCD;

}


.item div, .topbox div
{
padding:3px;	
}
.rightCorner { 
    background-image: url("imgs/ourdiary/right.png");
    display: block;
    height: 15px;
    margin-left: 369px;
    margin-top: 8px;
    padding: 0;
    vertical-align: top;
    width: 16px;
z-index:2;

	position: absolute;
}
.leftCorner{
background-image: url("imgs/ourdiary/left.png");
display: block;
height: 15px;
width: 15px;
margin-left: -15px;
margin-top: 8px;
position: absolute;
z-index:2;
}
#popup{ display: block; 
 width: 370px;
  float: left;
  margin-top:10px;
  background-color:#ffffff;
  border:solid 1px #A9B6D2;
  min-height:60px;
  display:none;
  position:absolute;
  margin:10px;
 }
.Popup_rightCorner
{
background-image: url("imgs/ourdiary/right.png");
    display: block;
    height: 15px;
    margin-left: 369px;
    margin-top: 8px;
    padding: 0;
    vertical-align: top;
    width: 15px;
z-index:2;

	position: absolute;
}
 #box
{
padding:8px;	

}
#update
{
width:100%;
}

 .timeline_container{
                width: 16px;
                text-align: center;
                margin: 0 auto;
				cursor:pointer;
				    display: block;
            }
            .timeline{
                                
                margin: 0 auto;
				 background-color:#fff;
    display: block;
    float: left;
    height: 100%;
    left: 390px;
    margin-top: 0px;
    position: absolute;
    width: 5px;
            }
            .timeline:hover{
                cursor: pointer;
				margin: 0 auto;
            }
            .timeline div.plus{
                width: 14px;
                height: 14px;
               
                position: relative;
                left: -6px;
            }
			#update_button {
background-color: #cc0000;
color: white;
font-weight: bold;
padding: 5px;
border: solid 1px #333;
margin-top: 5px;
cursor: pointer;
}
.shade{box-shadow:0px 0px 18px #000;-moz-box-shadow:0px 0px 18px #000;-webkit-box-shadow:0px 0px 18px #000}

.timeline:hover
{
cursor: none;
}
.deletebox
{
font-weight:bold;
float:right;
text-decoration:none;
margin:8px 10px 8px 10px;
color:#cc0000
}
.invent_overlay{position:absolute;top:0;height:100%;width:100%;z-index:1201; display:none;}
.invent_overlay_content{position:fixed; width:400px; z-index:1; margin:35% 0 0 0 ; background:white; padding:1em 0px;-webkit-border-radius: 15px;
border-radius: 15px; border:10px solid skyblue;  }
.invent_overlay2{position:absolute;top:0;height:100%;width:100%;z-index:1201; display:none;}
.invent_overlay_trend{position:relative ;  width:60%; z-index:1;  margin:10%  auto ; background:white; padding:1em 0px;-webkit-border-radius: 15px;
border-radius: 15px; border:10px solid skyblue; }
.invent_overlay_trend ul{list-style:none;}
.invent_trend_name{top: 0;z-index: 1301;position: absolute;}
.invent_text{display:none;}
.invent_overlay_bg{background:#062A39;position:fixed; cursor:pointer;height:100%;width:100%;}

.message_box{position:absolute;z-index:1302;top:35%;left:40%; width:150px; height:auto; margin:0 auto;padding:1em; background:#666; text-align:center; -webkit-border-radius: 15px;
border-radius: 15px; border:10px solid skyblue; font-weight:bold; font-size:16px; color:#eee;  display:none;  }
.error_weibo_app a{color:#333;}